<script type="text/javascript" src="/ecomerce/js/validarut.js"></script>
<script>
    $(document).on('ready', function() {

        //*********************************************************
        //GUARDAR USUARIO
        /****************************************************/
        $("#proguser").hide();

        $('#divuser').submit(function(e) {
            e.preventDefault();
        });

        //OPEN DIV NUEVO USUARIO BUTTON
        //-----------------------------------
        $("#adddivusuarios").click(function() {
            $("#formuser").trigger("reset");
            $("#userfile").val("");
            $("#respuesta").html("");
            $("#divuser").dialog("open");

        });
        /****************************************************/
        //GUARDAR USER BUTTON ADD DIALOG
        $("#subiruser").click(function() {

            //if ((confirmar) && (usug) &&  (pasg) && (rutg) && (nomg) && (patg) && (matg) && (emag) ){
            if (confirmar && usug && pasg && rutg && nomg && patg && matg && emag) {


                var file = $("#filenameusu").val();
                if ((file) == "") {
                    $("#filenameusu").val("default.jpg");
                }
                var rutu = $("#rut").val();
                var emailm = $("#email").val();
                $("#rutmsj").val(rutu);
                $("#emailmsj").val(emailm);

                $.ajax({
                    url: "http://localhost:26/ecomerce/users/add",
                    type: "POST",
                    data: $("#formuser").serialize(),
                    success: function() {
                        if ($("#userfile").val()) {
                            $.ajax({
                                url: "http://localhost:26/ecomerce/mensajes/send",
                                type: "POST",
                                data: $("#sendmsj").serialize(),
                                beforeSend: function() {
                                    $('#gifenviar').html("Enviando correo <img src='/ecomerce/css/img/ajax_small.gif'/>");
                                },
                                success: function(data) {
                                    alert(data)
                                    $('#gifenviar').html("Correo enviado ");
                                }
                            });

                            //$("#proguser").show();
                            //LUEGO DE AGREGAR AL USUARIO SE SUBE LA IMAGEN CORRESPONDIENTE
                            $("#userfile").upload("http://localhost:26/ecomerce/users/subirimagen", function(e) {
                                // $("#respuesta").html(e);

                                //  $("#divuser").dialog("close");
                                //  window.location.href = "http://localhost:26/ecomerce/users/login";
                                //  $("#proguser").hide();
                            }, $("#proguser"));

                        } else {

                            $.ajax({
                                url: "http://localhost:26/ecomerce/mensajes/send",
                                type: "POST",
                                data: $("#sendmsj").serialize(),
                                beforeSend: function() {
                                    $('#gifenviar').html("Enviando correo de registro<img src='/ecomerce/css/img/ajax_small.gif'/>");
                                },
                                success: function(data) {
                                    $("#formuser").trigger("reset");
                                    $('#gifenviar').html("Correo enviado");
                                    window.location.href = "http://localhost:26/ecomerce/users/login";
                                }
                            });
                        }
                    },
                    error: function() {
                        alert("No fue agregado");
                    }
                });
            } else {
                alert("Procure llenar todos los campos correctamente");
            }
        });
        /****************************************************/
        /****************************************************/
        //SELECCION DE IMAGENES AGREGAR 
        $('#userfile').change(function() {
            var fileName = $('#userfile').val();
            var clean = fileName.split('\\').pop(); // clean from C:\fakepath OR C:\fake_path 
            $("#filenameusu").val(clean);

        });
        confirmar = false;
        usug = false;
        pasg = false;
        rutg = false;
        nomg = false;
        patg = false;
        matg = false;
        emag = false;
        /************************************************/
        $("#confirmar").blur(function() {
            var pass = $("#password").val();
            var conf = $("#confirmar").val();
            if (pass !== conf) {
                alert("Password no coinciden");
                $("#confirmar").val("");
                confirmar = false;
            } else {
                confirmar = true;
            }
        });


        $("#username").blur(function() {

            var us = $("#username").val();

            if (us) {
                usug = true;
                $.ajax({
                    url: "http://localhost:26/ecomerce/users/checkuser",
                    type: "POST",
                    dataType: 'json',
                    data: {Id: us},
                    beforeSend: function() {
                        $('#load').html("<img src='/ecomerce/css/img/ajax_small.gif'/>");
                    },
                    success: function(data) {
                        if (data === 0) {
                            $('#load').html("Disponible");
                            usug = true;
                        } else {
                            
                            $('#load').html("Usuario ya existe");
                            usug = false;
                        }
                    }
                });

            } else {
                $('#load').html("Campo obligatorio");
                usug = false;
            }
        });
        $("#password").blur(function() {
            if ($("#password").val() == "") {
                $("#passe").html("Campo obligatorio");
                pasg = false;
            }
            else {
                $("#passe").html("");
                pasg = true;
            }
        });
        $("#rut").blur(function() {
            if ($("#rut").val() == "") {
                $("#rute").html("Campo obligatorio");
                rutg = false;
            } else {
                $("#rute").html("");
                rutg = true;
            }
        });
        $("#nombre").blur(function() {
            if ($("#nombre").val() == "") {
                $("#nome").html("Campo obligatorio");
                nomg = false;
            } else {
                $("#nome").html("");
                nomg = true;
            }
        });
        $("#apellidopaterno").blur(function() {
            if ($("#apellidopaterno").val() == "") {
                $("#apee").html("Campo obligatorio");
                patg = false;
            } else {
                $("#apee").html("");
                patg = true;
            }
        });
        $("#apellidomaterno").blur(function() {
            if ($("#apellidomaterno").val() == "") {
                $("#apem").html("Campo obligatorio");
                matg = false;
            } else {
                $("#apem").html("");
                matg = true;
            }
        });
        $("#email").blur(function() {
            if ($("#email").val() == "") {
                $("#emae").html("Campo obligatorio");
                emag = false;
            } else {
                $("#emae").html("");
                var emailcomp = $("#email").val();
                if (!validateEmail(emailcomp)) {
                    emag = false;
                    $("#emae").html("Email no valido");
                } else {
                    emag = true;
                    $("#emae").html("Email aparentemente valido");
                }

            }
        });
        function validateEmail($email) {
            var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
            if (!emailReg.test($email)) {
                return false;
            } else {
                return true;
            }
        }

    });
</script>
<!-- AGREGAR USUARIOS -->
<br><br>
<hr>
<div id="divuser" >
    <div id="stylizeds" class="myform">
        <form id="formuser" method="POST" class="myform">
            <label>Usuario</label> <input id="username" class="fieldform" type="text" name="username" required ><span id="load"></span><br>
            <label>password:</label> <input id="password" class="fieldform" type="password" name="password" required ><span id="passe"></span><br>
            <label>confirmar password:</label> <input id="confirmar" class="fieldform" type="password" required ><span id="confe"></span><br>
            <input id="tipo" class="fieldform" type="hidden" name="tipo" value="cliente">      
            <label>Rut:</label> <input id="rut" class="fieldform" type="text" name="rut" required ><span id="rute"></span><br>
            <label>Nombre:</label> <input id="nombre" class="fieldform" type="text" name="nombre" required ><span id="nome"></span><br>
            <label>Ap. Paterno:</label> <input id="apellidopaterno" class="fieldform" type="text" name="apellidoPaterno" required ><span id="apee"></span><br>
            <label>Ap. Materno:</label> <input id="apellidomaterno" class="fieldform" type="text" name="apellidoMaterno" required ><span id="apem"></span><br>
            <label>email:</label> <input id="email" class="fieldform" type="email" name="email" required ><span id="emae"></span><br>
            <input id="filenameusu"  type="hidden" name="filename" >
            <input id="dirusu" type="hidden" name="dir" value="img\uploads\categoria\filename">
        </form></div>

    <center> <label> Avatar: </label><input type="file" id="userfile" name="userfile" accept="image/*" required /></center>
    <p><progress id="proguser" value="0" min="0" max="100"></progress></p>
    <div id="respuesta"></div><br><br>
    <center><button id="subiruser">Guardar</button></center>
    <br>
    <hr>


    <form id="sendmsj" method="POST">
        <input id="rutmsj" class="fieldform" type="hidden" name="rutusu"><br>
        <input id="emailmsj" class="fieldform" type="hidden" name="emailusu"><br>
    </form>
    <div id="gifenviar"></div>
</div>

